import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    uname:sessionStorage.getItem('uname'),  // 保存当前登录用户名
  },
  getters:{

  },
  mutations:{
    // state就是vuex.state newName是传递过来的新用户名参数
    updateName(state, newName){
      console.log(newName);
      state.uname = newName 
      // 将uname存入sessionStorage中
      window.sessionStorage.setItem('uname',newName)
      
    }
  },
  actions: {
    updateName(store, uname){
      // 异步获取相关数据
      // 如果希望修改state, 则需要调用mutations来修改
      store.commit('updateName', uname)
    }
  },
  modules: {
  }
})
